body{
	background-color:rgb(16,20,25);
}
.main{
	width:820px;
	position:absolute;
	top:-80px;
	left:270px;
}
.main1{
	width:820px;
	height:500px;
	border-radius:13px;
	position:absolute;
	left:270px;
	top:-800px;
	background:-webkit-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-ms-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-o-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-moz-linear-gradient(left top,rgb(55,70,81),rgb(5,7,10));
}
.main2{
	width:820px;
	height:500px;
	border-radius:13px;
	position:absolute;
	left:270px;
	top:-800px;
	background:-webkit-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-ms-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-o-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-moz-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
}
.main3{
	width:820px;
	height:500px;
	border-radius:13px;
	position:absolute;
	left:270px;
	top:-800px;
	background:-webkit-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-ms-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-o-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-moz-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
}
.main4{
	width:820px;
	height:500px;
	border-radius:13px;
	position:absolute;
	left:270px;
	top:-800px;
	background:-webkit-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-ms-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-o-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
	background:-moz-linear-gradient(left top, rgb(55,70,81), rgb(5,7,10));
}
.demo1{
	height:65px;
	width:160px;
	border-left:1px;
	border-radius:13px 0px 0px 13px;
	background:-webkit-gradient(linear,center top,center bottom,from(rgb(250,130,30)), to(rgb(230,40,0)));
	background:-ms-linear-gradient(top, rgb(250,130,30), rgb(230,40,0));
	background:-o-linear-gradient(top, rgb(250,130,30), rgb(230,40,0));
	background:-moz-linear-gradient(top, rgb(250,130,30), rgb(230,40,0));
}
.demo2{
	height:65px;
	width:160px;
	background:-webkit-gradient(linear,center top,center bottom,from(rgb(20,170,201)), to(rgb(0,81,172)));
	background:-ms-linear-gradient(top,rgb(20,170,201), rgb(0,81,172));
	background:-o-linear-gradient(top,rgb(20,170,201), rgb(0,81,172));
	background:-moz-linear-gradient(top,rgb(20,170,201), rgb(0,81,172));
}
.demo3{
	height:65px;
	width:160px;
	background:-webkit-gradient(linear,center top,center bottom,from(rgb(84,214,29)), to(rgb(64,125,0)));
	background:-ms-linear-gradient(top,rgb(84,214,29), rgb(64,125,0));
	background:-o-linear-gradient(top,rgb(84,214,29), rgb(64,125,0));
	background:-moz-linear-gradient(top,rgb(84,214,29), rgb(64,125,0));
}
.demo4{
	height:65px;
	width:160px;
	border-right:1px;
	border-radius:0px 13px 13px 0px;
	background:-webkit-gradient(linear,center top,center bottom,from(rgb(207,247,29)), to(rgb(188,160,0)));
	background:-ms-linear-gradient(top,rgb(207,247,29), rgb(188,160,0));
	background:-o-linear-gradient(top,rgb(207,247,29), rgb(188,160,0));
	background:-moz-linear-gradient(top,rgb(207,247,29), rgb(188,160,0));
}
.demo{
	height:65px;
	width:180px;
}
.left{
	float:left;
}
.ball{
	width:200px;
	height:200px;
	left:577px;
	top:-400px;
	border-radius:200px 200px 200px 200px;
	box-shadow: 0px 0px 20px rgb(23,26,30);
	position:absolute;
	background: -webkit-radial-gradient(top left, ellipse, rgb(60,79,88), rgb(31,41,47), rgb(13,17,22));
	background: -ms-radial-gradient(top left, ellipse, rgb(60,79,88), rgb(31,41,47), rgb(13,17,22));
	background: -o-radial-gradient(top left, ellipse, rgb(60,79,88), rgb(31,41,47), rgb(13,17,22));
	background: -moz-radial-gradient(top left, ellipse, rgb(60,79,88), rgb(31,41,47), rgb(13,17,22));
}
.ctr-top{
	position:absolute;
	top:20px;
	right:20px;
}
.ctr-right1{
	position:absolute;
	top:100px;
	right:20px;
}
.ctr-right2{
	position:absolute;
	top:120px;
	right:31px;
}
.ctr-right3{
	position:absolute;
	top:450px;
	right:20px;
}
.contect-left{
	width:295px;
	height:450px;
	border-radius:13px;
	position:absolute;
	top:25px;
	left:25px;
	background-image:url(../images/1.jpg);
}
.contect-right{
	width:400px;
	height:450px;
	border-radius:13px;
	margin-left:10px;
	position:absolute;
	top:25px;
	left:335px;
}
.contect-left2{
	width:295px;
	height:450px;
	border-radius:13px;
	position:absolute;
	top:25px;
	left:25px;
	overflow:auto;
}
.contect-right2{
	width:400px;
	height:450px;
	border-radius:13px;
	margin-left:10px;
	position:absolute;
	top:25px;
	left:335px;
}
.contect-left4{
	width:295px;
	height:450px;
	border-radius:13px;
	position:absolute;
	top:25px;
	left:25px;
	background-image:url(../images/2.jpg);
}
.contect-right4{
	width:400px;
	height:450px;
	border-radius:13px;
	margin-left:10px;
	position:absolute;
	top:25px;
	left:335px;
}
.box{
	width:100%;
	height:80px;
	border-radius:13px;
}
.box:hover{
	width:100%;
	height:80px;
	border-radius:13px;
	background-color:rgb(205,245,254);
}
.next{
	margin-top:10px;
}
.margin{
	margin:5px;
}
.margin-left{
	margin-left:10px;
}
a{
	text-decoration:none;
}
.btn1{
	height:38px;
	width:70px;
	border-left:1px;
	margin-top:30px;
	border-radius:13px;
	background:-webkit-gradient(linear,center top,center bottom,from(rgb(250,130,30)), to(rgb(230,40,0)));
	background:-ms-linear-gradient(top,rgb(250,130,30), rgb(230,40,0));
	background:-o-linear-gradient(top,rgb(250,130,30), rgb(230,40,0));
	background:-moz-linear-gradient(top,rgb(250,130,30), rgb(230,40,0));
}
.btn2{
	height:38px;
	width:70px;
	margin-top:30px;
	margin-left:40px;
	border-left:1px;
	border-radius:13px;
	background:-webkit-gradient(linear,center top,center bottom,from(rgb(207,247,29)), to(rgb(188,160,0)));
	background:-ms-linear-gradient(top,rgb(207,247,29), rgb(188,160,0));
	background:-o-linear-gradient(top,rgb(207,247,29), rgb(188,160,0));
	background:-moz-linear-gradient(top,rgb(207,247,29), rgb(188,160,0));
}
.login{
	width:400px;
	height:346px;
	border-radius:13px;
	position:absolute;
	top:103px;
	left:0px;
	//background-color:red;
}
.reg{
	width:400px;
	height:346px;
	border-radius:13px;
	position:absolute;
	top:103px;
	left:0px;
	//background-color:red;
}
.btn-login{
	padding: 11px 19px;
	font-size: 17.5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	margin:0px;
}
button{
	color:white;
}
input{
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
}